 * {
 	padding: 0;
 	margin: 0;
 }
 @font-face {
  font-family: 'iconfont';  /* project id 749347 */
  src: url('//at.alicdn.com/t/font_749347_fzd5ppro3ti.eot');
  src: url('//at.alicdn.com/t/font_749347_fzd5ppro3ti.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_749347_fzd5ppro3ti.woff') format('woff'),
  url('//at.alicdn.com/t/font_749347_fzd5ppro3ti.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_749347_fzd5ppro3ti.svg#iconfont') format('svg');
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:18px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-see:before { content: "\e633"; }/*更多*/ 
 
 .middle {
 	/* width: 70%;*/
 	/*margin: 50px auto 0;*/
 }
 
 .contnet {
 	width: 1200px;
 	margin: 0 auto;
 }
 
 .header {
 	/*padding-left: 150px;*/
 	width: 100%;
 	height: 50px;
 	line-height: 50px;
 	border-bottom: 1px #e5e5e5 solid;
 }
 
 .middle .header_content {
 	width: 1200px;
 	/*border: 1px red solid;*/
 	margin: 0 auto;
 }
 
 .header span {
 	display: inline-block;
 	margin-right: 20px;
 	cursor: pointer;
 	font-size: 20px;
 	font-family: "微软雅黑";
 	color: #1f1f1f;
 }
 
 .header .select {
 	color: #4b82c1;
 	border-bottom: 3px #4b82c1 solid;
 	/*padding-bottom: 10px;*/
 }
 
 .app,
 .web,
 .friend {
 	display: none;
 }
 /* 小程序 */
 
 .wx {
 	/*height: 1800px;*/
 	width: 1200px;
 }
 
 .wx .singleWx {
 	display: inline-block;
 	/*height: 1400px;*/
 	/*width: 23%;*/
 	width: 270px;
 	height: 350px;
 	/*margin: 1.33%;*/
 	background: #e5e5e5;
 	box-shadow: 2px 2px 10px #ccc;
 	margin: 20px;
 }
 
 .wx .singleWx:nth-of-type(4n-3) {
 	margin-left: 0;
 }
 
 .wx .singleWx:nth-of-type(4n) {
 	margin-right: 0;
 }
 
 .wx .singleWx img {
 	width: 100%;
 }
 
 .wx .singleWx .wxDetail {
 	padding: 0 0.8rem;
 	height: 80px;
 }
 
 .wx .singleWx .wxDetail p {
 	height: 50px;
 	line-height: 50px;
 	font-size: 18px;
 	color: #1f1f1f;
 	font-family: MicrosoftYaHei;
 }
 
 .wx .singleWx .wxDetail .type {
 	overflow: hidden;
 	height: 17px;
 	line-height: 17px;
 	font-size: 16px;
 	color: #666666;
 }
 
 
 .wx .singleWx .wxDetail .type span:last-child {
 	float: left;
 }
 
 .wx .singleWx .wxDetail .type span:last-child {
 	float: right;
 }
  .singleWx {
 	position: relative;
 	width: 270px;
 	height: 350px;
 	/*background: red;*/
 }
 
 .singleWx img {
 	width: 100%;
 }
 
 .case_marks {
 	width: 270px;
 	height: 270px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	opacity: 0;
 	background: black;
 }
 
 .singleWx:hover .case_marks {
 	opacity: 0.7;
 	/*background: black;*/
 }
 
 .singleWx:hover .mark_img {
 	opacity: 1;
 }
 
 .mark_img {
 	width: 190px;
 	height: 250px;
 	/*border: 1px red solid;*/
 	position: absolute;
 	left: 40px;
 	top: 20px;
 	opacity: 0;
 }
 
 .mark_img img {
 	width: 190px;
 	height: 190px;
 }
 
 .wxDetail {
 	height: 80px;
 }
 
 .type {
 	/*padding: 0 10px;*/
 }
 
 .type span:nth-child(2) {
 	float: right;
 }
 
 .mark_img p {
 	text-align: center;
 }
 
 .mark_img img {
 	width: 200px;
 	height: 200px;
 }
 /* app */
.app {
 	/*height: 1800px;*/
 	width: 1200px;
 	overflow: hidden;
 }
 .singApp {
	/*border: 1px red solid;*/
	float: left;
	width: 22%;
	margin: 1%;
	box-shadow: 2px 2px 10px #ccc;
}
.singApp img{
	width: 100%;
}
.apptxt {
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: #e5e5e5;
}
.apptxt p {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
    color: #1f1f1f;
    font-family: MicrosoftYaHei;
}
 
 
 .mark_img {
 	width: 190px;
 	height: 250px;
 	/*border: 1px red solid;*/
 	position: absolute;
 	left: 40px;
 	top: 20px;
 	opacity: 0;
 }
 
 .mark_img img {
 	width: 190px;
 	height: 190px;
 }
 
 
 .type {
 	/*padding: 0 10px;*/
 }
 
 .type span:nth-child(2) {
 	float: right;
 }
 
 .mark_img p {
 	text-align: center;
 }
 
 .mark_img img {
 	width: 200px;
 	height: 200px;
 }
 
 /*.app .singleApp {
 	display: inline-block;
 	width: 23%;
 	margin: 1.33%;
 	background: #f1f1f1;
 	box-shadow: 2px 2px 10px #ccc;
 }
 
 .app .singleApp:nth-of-type(4n-3) {
 	margin-left: 0;
 }
 
 .app .singleApp:nth-of-type(4n) {
 	margin-right: 0;
 }
 
 .app .singleApp img {
 	width: 100%;
 }
 
 .app .singleApp .appDetail {
 	padding: .5rem .8rem;
 }
 
 .app .singleApp .appDetail .type {
 	overflow: hidden;
 }
 
 .app .singleApp .appDetail .type span:last-child {
 	float: left;
 }
 
 .app .singleApp .appDetail .type span:last-child {
 	float: right;
 }*/
 /* 页码 */
 
 .page {
 	text-align: center;
 	margin: 100px;
 }
 
 .page a {
 	color: black;
 	text-decoration: none;
 	padding: 15px 20px;
 	margin: 0 5px;
 	border: 1px solid #e5e5e5;
 	background: #f8f8f8;
 }
 
 .page .active {
 	color: #FFFFFF;
 	padding: 15px 20px;
 	margin: 0 5px;
 	border: 1px solid #e5e5e5;
 	background: #4b82c1;
 }
 
 .page .jump-ipt {
 	width: 50px;
 	height: 30px;
 	outline: none;
 	padding-left: 10px;
 }
 /*web*/
.web {
	overflow: hidden;
}
.singWeb {
	/*border: 1px red solid;*/
	float: left;
	width: 31%;
	margin: 1%;
	box-shadow: 2px 2px 10px #ccc;
	margin-bottom: 30px;
}
.singWeb img{
	width: 100%;
}
.webtxt {
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: #e5e5e5;
}
.webtxt p {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
    color: #1f1f1f;
    font-family: MicrosoftYaHei;
}
/*朋友圈*/
.friend {
	overflow: hidden;
}
.singleFriend {
	/*border: 1px red solid;*/
	float: left;
	width: 31%;
	margin: 1%;
	box-shadow: 2px 2px 10px #ccc;
}
.singleFriend img{
	width: 100%;
}
.friendtxt {
	text-align: center;
	line-height: 50px;
	height: 50px;
	background: #e5e5e5;
}
.friendtxt p {
	height: 50px;
	line-height: 50px;
	font-size: 18px;
    color: #1f1f1f;
    font-family: MicrosoftYaHei;
}
 

 /*轮播样式*/
 
 .banner {
 	position: relative;
 	overflow: auto;
 	text-align: center;
 }
 
 .banner:after {
 	clear: both;
 }
 
 .banner li {
 	list-style: none;
 }
 
 .banner ul li {
 	float: left;
 }
 
 #b06 {
 	/*width: 1920px;*/
 }
 
 #b06 .dots {
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 5px;
 	z-index: 100;
 }
 
 #b06 .dots li {
 	display: inline-block;
 	width: 10px;
 	height: 10px;
 	margin: 0 4px;
 	text-indent: -999em;
 	border: 2px solid #fff;
 	border-radius: 6px;
 	cursor: pointer;
 	opacity: .4;
 	-webkit-transition: background .5s, opacity .5s;
 	-moz-transition: background .5s, opacity .5s;
 	transition: background .5s, opacity .5s;
 }
 
 #b06 .dots li.active {
 	background: #fff;
 	opacity: 1;
 }
 
 #b06 .arrow {
 	position: absolute;
 	top: 200px;
 }
 
 #b06 #al {
 	left: 15px;
 }
 
 #b06 #ar {
 	right: 15px;
 }